<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>山寨京东首页</title>
	<link rel="stylesheet" href="css/jd.css">
	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="js/jd_js.js"></script>
</head>
<body>
<!-- 网页右侧浮动菜单栏 -->
	<div class="right_menu">
		<a href=""><div class="menu1 menu"><p>京东会员</p></div></a>
		<a href=""><div class="menu2 menu"><p>购物车</p></div></a>
		<a href=""><div class="menu3 menu"><p>我的关注</p></div></a>
		<a href=""><div class="menu4 menu"><p>我的足迹</p></div></a>
		<a href=""><div class="menu5 menu"><p>我的消息</p></div></a>
		<a href=""><div class="menu6 menu"><p>咨询JIMI</p></div></a>
	</div>

<!-- 京东头部 -->
	<div class="jd_top">
		<div class="jd_top_menu">
			<ul class="left">
				<li><a href="">送至：广东</a></li>
			</ul>
			<ul class="right">
				<li><a href="">你好，请登录</a></li>
				<li><a href="">免费注册</a><span></span></li>
				<li><a href="">我的订单</a><span></span></li>
				<li><a href="">我的京东</a><span></span></li>
				<li><a href="">京东会员</a><span></span></li>
				<li><a href="">企业采购</a><span></span></li>
				<li class="bg_phone"><a href="">手机京东</a><span></span></li>
				<li><a href="">关注京东</a><span></span></li>
				<li><a href="">客户服务</a><span></span></li>
				<li><a href="">网站导航</a></li>
			</ul>
		</div>
	</div>
<!-- 	<div class="top_ad">
		<div class="top_ad_pic">
			<a href=""><img src="images/559f.gif" alt=""></a>
		</div>
	</div> -->
	<!-- 京东logo和搜索栏部分 -->
	<div class="top_searh">
		<div class="logo">
			<a href=""><img src="images/jd_logo.png" alt=""></a>
		</div>
		<div class="searh">
			<input class="text" type="text">
			<input class="submit" type="submit" value="搜索">
		</div>
		<!-- 我的购物车 -->
		<div class="myshoop">
			<span></span>
			<a href="">我的购物车</a>
			<i>&gt;</i>
		</div>
		<!-- 热门关键词 -->
		<div class="hot_word">
			<a class="hot_word_1" href="">广告招租</a>
			<a href="">广告招租</a>
			<a href="">广告招租</a>
			<a href="">广告招租</a>
			<a href="">广告招租</a>
			<a href="">广告招租</a>
			<a href="">广告招租</a>
			<a href="">广告招租</a>
		</div>
	</div>
	<!-- 京东logo下面的导航栏 -->
	<div class="nav">
		<div class="nav_content">
		<!-- 导航栏左边内容 -->
			<div class="nav_content_left">
				<a href="">全部商品分类</a>
			</div>
			<!-- 导航栏右边内容 -->
			<div class="nav_content_right">
				<a href="">服装城</a>
				<a href="">美妆馆</a>
				<a href="">京东超市</a>
				<a href="">生鲜</a>
				<a href="">全球购</a>
				<a href="">闪购</a>
				<a href="">团购</a>
				<a href="">拍卖</a>
				<a href="">金融</a>
			</div>
		</div>
	</div>
	<!-- 中间的红线 -->
	<div class="red_line">
		
	</div>
	<!-- 图片滚动部分 -->
	<div class="gundong">
	<!-- 图片滚动左边的导航栏 -->
		<div class="gundong_left_nav">
			<ul>
				<li><a href="">家用电器</a><i>&gt;</i></li>
				<li>
					<a href="">手机</a><span>、</span>
					<a href="">运营商</a><span>、</span>
					<a href="">数码</a><i>&gt;</i>
				</li>
				<li>
					<a href="">电脑</a><span>、</span>
					<a href="">办公</a><i>&gt;</i>
				</li>
				<li>
					<a href="">家居</a><span>、</span>
					<a href="">家具</a><span>、</span>
					<a href="">家装</a><span>、</span>
					<a href="">厨具</a><i>&gt;</i>
				</li>
				<li>
					<a href="">男装</a><span>、</span>
					<a href="">女装</a><span>、</span>
					<a href="">童装</a><span>、</span>
					<a href="">内衣</a><i>&gt;</i>
				</li>
				<li>
					<a href="">个护化妆</a><span>、</span>
					<a href="">清洁用品</a><span>、</span>
					<a href="">宠物</a><i>&gt;</i>
				</li>
				<li>
					<a href="">鞋靴</a><span>、</span>
					<a href="">箱包</a><span>、</span>
					<a href="">珠宝</a><span>、</span>
					<a href="">奢侈品</a><i>&gt;</i>
				</li>
				<li>
					<a href="">运动户外</a><span>、</span>
					<a href="">钟表</a><i>&gt;</i>
				</li>
				<li>
					<a href="">汽车</a><span>、</span>
					<a href="">汽车用品</a><i>&gt;</i>
				</li>
				<li>
					<a href="">母婴</a><span>、</span>
					<a href="">玩具乐器</a><i>&gt;</i>
				</li>
				<li>
					<a href="">食品</a><span>、</span>
					<a href="">酒类</a><span>、</span>
					<a href="">生鲜</a><span>、</span>
					<a href="">特产</a><i>&gt;</i>
				</li>
				<li>

				<a href="">医药保健</a></li>
				<li>
					<a href="">图书</a><span>、</span>
					<a href="">音像</a><span>、</span>
					<a href="">电子书</a><i>&gt;</i>
				</li>

				<li>
					<a href="">彩票</a><span>、</span>
					<a href="">旅行</a><span>、</span>
					<a href="">充值</a><span>、</span>
					<a href="">票务</a><i>&gt;</i>
				</li>

				<li>
					<a href="">理财</a><span>、</span>
					<a href="">众筹</a><span>、</span>
					<a href="">白条</a><span>、</span>
					<a href="">保险</a><i>&gt;</i>
				</li>
			</ul>
		</div>
		<!-- 滚动图片 -->
		<div class="gundong_pic">
			<a href=""><img id="gundongpic" src="images/gundong_1.jpg"></a>
			<!-- 滚动图片上面的箭头 -->
				<span class="next"></span>
				<span class="last"></span>
		</div>
		<!-- 图片滚动右边的京东快报 -->
		<div class="jd_news">
			<div class="jd_news_title">
				<span>京东快报</span>
				<a href="">更多<i>&gt;</i></a>
			</div>
			<!-- 京东快报下面的内容 -->
			<div class="jd_news_content">
				<ul>
					<li><a href=""><span>[特惠]</span>暴风VR电视 买多少送多少</a></li>
					<li><a href=""><span>[公告]</span>保定市部分城市配送延迟</a></li>
					<li><a href=""><span>[特惠]</span>【家电大促】抢百万无门槛红包</a></li>
					<li><a href=""><span>[公告]</span>因广州图书仓搬仓升级配送延迟</a></li>
					<li><a href=""><span>[特惠]</span>每日享折扣 京东品质游</a></li>
				</ul>
			</div>
			<!-- 京东快报下面的便民服务 -->
			<div class="jd_news_bianmin">
				<ul>
					<li class="fore1">
						<a href="">
							<i></i>
							<span>话费</span>
						</a>
					</li>
					<li class="fore2">
						<a href="">
							<i></i>
							<span>机票</span>
						</a>
					</li>
					<li class="fore3">
						<a href="">
							<i></i>
							<span>电影票</span>
						</a>
					</li>
					<li class="fore4">
						<a href="">
							<i></i>
							<span>游戏</span>
						</a>
					</li>
					<li class="fore5">
						<a href="">
							<i></i>
							<span>彩票</span>
						</a>
					</li>
					<li class="fore6">
						<a href="">
							<i></i>
							<span>加油卡</span>
						</a>
					</li>
					<li class="fore7">
						<a href="">
							<i></i>
							<span>酒店</span>
						</a>
					</li>
					<li class="fore8">
						<a href="">
							<i></i>
							<span>火车票</span>
						</a>
					</li>
					<li class="fore9">
						<a href="">
							<i></i>
							<span>众筹</span>
						</a>
					</li>
					<li class="fore10">
						<a href="">
							<i></i>
							<span>理财</span>
						</a>
						</li>
					<li class="fore11">
						<a href="">
							<i></i>
							<span>礼品卡</span>
						</a>
					</li>
					<li class="fore12">
						<a href="">
							<i></i>
							<span>白条</span>
						</a>
					</li>
				</ul>
			</div>
			<!-- 京东快报下面的广告图片 -->
			<div class="jd_news_ad_pic">
				<a href=""><img src="images/57e50d4bN199faa02.jpg" alt=""></a>
			</div>
		</div>
	</div>
	<!-- 滚动图片下面的图片广告 -->
	<div class="gundong_bottom_ad">
		<!-- 滚动图片下面的图片广告左边的时钟 -->
		<div class="clock">
			
		</div>
		<div class="ad_pic">
			<ul>
				<li><a href=""><img src="images/gundong_bottom_ad_1.jpg" alt=""></a></li>
				<li><a href=""><img src="images/gundong_bottom_ad_2.jpg" alt=""></a></li>
				<li><a href=""><img src="images/gundong_bottom_ad_3.jpg" alt=""></a></li>
				<li><a href=""><img src="images/gundong_bottom_ad_4.jpg" alt=""></a></li>
			</ul>
		</div>
	</div>
	<!-- 京东品质生活 -->
	<div class="better_life">
			<p>京东-品质生活</p>
			<div class="better_life_content">
				<div class="better_life_content1">
						<a class="a1" href=""><img src="images/better_life_content1.jpg" alt="">

						</a>
				</div>
			</div>
	</div>
</body>
</html>